/*
 * Copyright (C) 2011 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */

@import "base/environment";

.alert_separator {
  border-top: 1px dotted #aaa;
  width: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}

.alert {
  padding-left: 40px;
  padding-right: 40px;
  margin: 1px 2px 2px 2px;
  width: auto;
  padding: 20px 20px 6px 6px;
  background-color: transparent; // added to override the alert creation form block that was throwing a golden background under admin alerts
  .alert-label {
    color: black;
    font-weight: bold;
    margin-top: 5px;
  }
  .labelled_region{
    margin-bottom: 15px;
    color: $ic-font-color-dark;
  }
  .links {
    float: right;
    opacity: 0.5;
    color: $ic-font-color-dark;
    &:hover {
      opacity: 1.0;
    }
  }
  .repetition_group {
    margin-left: 40px;
    color: $ic-font-color-dark;
    font-weight: normal;
  }
  li {
    width: 400px;
    clear: right;
    .delete_item_link {
      float: right
    }
  }
  .add_criteria_line select, .add_recipients_line select, .repetition_group input[type="text"] {
    vertical-align: baseline;
  }

}

.alert.blank {
  display: none;
}

.alert.editing .displaying {
  display: none;
}

.alert.displaying .editing {
  display: none;
}

.alert .form-actions {
  background-color: transparent;
}
#new_alert .add_criterion_link,
#new_alert .add_recipient_link {
  color: $ic-link-color;
  text-decoration: none;
  font-weight: normal;
  &:hover {
    text-decoration: underline;
  }
}
